@charset "UTF-8";

*{margin: 0;padding: 0}

body{font-family: "å¾®è½¯é›…é»‘";font-size: 100%;color: #ADADAD}

.center{
	width: 96%;margin: 0px auto;
	position: relative;margin-top: 10px;
	min-width: 640px;overflow: hidden;_width:800px;
	max-width: 1200px;
	
}

.main{ position: relative; width:100%;/*overflow: hidden;*/min-width: 320px;}

.main_picture{

	width: 100%;

	overflow: hidden;

}

header {
	    vertical-align: top;
	    background: rgb(0,0,0);
	    height: 75px;width:100%;
	    opacity: 0.75;
	    filter:alpha(opacity=75);
	    padding-top: 15px;position: relative;
	    box-shadow: 0px 4px 4px rgba(0,0,0,0.5);
	    text-align: center;
	    padding-bottom: 10px;
}

.logo{
	height: 44px;
	width: 136px;
}

.bar{
	position: absolute;
	color: #8e8e8e;
	font-size: 0.9em;
	bottom: 5px;
	font-family: HUM521L;
	width: 100%;
}

nav{
	width: 80%;
	text-align: center;	
	margin:auto;
	min-width: 320px;
}

nav a{
	/*float: left;*/
	/*display: inline-block;*/
	/*margin: 0 5% 0 5%;*/
	color: #898989;
	text-decoration: none;
	margin-left: 11%;
}

nav a:hover{
	color: white;
}
nav .firstNav{
	margin-left: 0;
}
nav .active{
	color: #ffffff;
}

.main p{
   
	margin-top: 50px;

	text-indent: 2em;

	padding-top: 2%;

	padding-bottom: 2%;

	border-top: 1px #e8e8e8 solid;

	border-bottom: 1px #e8e8e8 solid;

	font-size: 1.2em;

	line-height: 1.5em;

	color: #666666;

	font-family:STKaiti;

}

.support{

	margin: 2% auto;

	width: 100%;

	overflow: hidden;

	text-align: center;

}

img{border:none;}

.support span img{

	width: 4.8%;

	margin:0px 0.7%;

	min-width: 35px;

}

.picture img{

	width: 100%;

	float: left;

}

.picture{

	width: 30%;

	border-radius: 5px;

	background: white;

	float: left;

	margin: 2% 0;

	overflow: hidden;

	color: #959595;

	text-decoration: none;

	box-shadow: 2px 2px 2px #e3e3e3;

	position: relative;

}

.picture2{

	margin: 2% 3.5%;

}


.picture p{

	clear: both;

	text-align: center;

	line-height: 35px;

	font-family: HUM521L;

	font-size: 0.98em;

	color: #666666;
	
	white-space:nowrap;
}



footer{
	background: #e0e0e0;position:relative;
	width: 100%;margin-top: 40px;padding-top: 10px;
	padding-bottom: 10px;
	text-shadow:1px 1px 1px white;
	color: #666666;
	overflow: hidden;
}

.left,.right{width: 49%;display: inline-block;}
.left{vertical-align: top;float: left;}
.right{border-left:1px #bcbcbc solid;float: right;}
.i{float: right;height: 50px;}
.i a{width: 30px;float: left;margin-left: 6px;}

.i1{
	margin-left: 0;
}
.i a img{
	width: 100%;
}

.text{margin-left: 3%;font-size: 0.75em}


.text_logo img{
	width: 100%;
}
.text_logo{
	width: 143px;
	margin-bottom: 10px;
}

.text p{
	margin-bottom: 5px;
}

@media screen and (max-width: 1200px){
header{height: 78px}
.bar{height: 65px;padding-bottom: 0;padding-top: 5px;}
.logo{width: 110px;height: 32px}
}

@media screen and (max-width: 640px){

body{font-size: 86%}
.center{width:96%;margin-top:90px;min-width: 310px;}
.i a{margin-left: 5px}
.text{margin-left: 10px}
.text_logo{width: 120px;}
.text p{margin-bottom: 3px;}
footer{margin-top: 20px;}
}

@media screen and (max-width: 480px){
.i{margin-right: 0px}
.text{margin-left: 2px}
}

@media screen and (max-width: 1201px){

.main p{font-size: 1em}

}

@media screen and (max-width: 641px){

.main p{font-size: 0.9em}

}

@media screen and (max-width: 641px) {

.main p{margin-top: 35px;}
.picture p{line-height: 25px; }

}




li{
				list-style:none;
			}
			#banner{
				width:730px;
				height:454px;
				margin:50px auto;
				position:relative;
			}
			#banner .pic{
				width:100%;
				height:100%;
				position:relative;
			}
			#banner .pic ul li{
				position:absolute;
				display:none;
			}
			#banner .tab{
				width:148px;
				height:20px;
				position:absolute;
				bottom:10px;
				left:53%;
				margin-left:-70px;
			}
			#banner .tab ul li{
				width:18px;
				height:18px;
				background:#666;
				border-radius:100%;
				float:left;
				margin:1px 3px;
				color:#fff;
				text-align:center;
				line-height:18px;
				font-family:'Microsoft yahei';
				font-size:12px;
				cursor:pointer;
			}
			#banner .tab ul li.on{
				background:#f60;
			}
			#banner .btn{
				display:none;
			}
			#banner .btn div{
				width:30px;
				height:60px;
				background:rgba(0,0,0,0.3);
				text-align:center;
				line-height:60px;
				color:#fff;
				font-size:24px;
				position:absolute;
				top:50%;
				margin-top:-30px;
				cursor:pointer;
			}
			#leftBtn{
				left:0;
			}
			#rightBtn{
				right:0;
			}
			
